$(function(){
$("#bannerInner").tyslide({
    boxh: 490,//盒子的高度
    w: 1000,//盒子的宽度
    h: 400,//图片的高度
    isShow: true,//是否显示控制器
    isShowBtn: true,//是否显示左右按钮
    controltop: 40,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
    controlsW: 20,//控制按钮宽度
    controlsH: 20,//控制按钮高度
    radius: 10,//控制按钮圆角度数
    controlsColor: "#d7d7d7",//普通控制按钮的颜色
    controlsCurrentColor: "#ff6600",//当前控制按钮的颜色
    isShowNum: true //是否显示数字
  });
  //电子书 
  $(".dzsn3 .pptbox").tyslide({
    boxh: 215,//盒子的高度
    w: 328,//盒子的宽度
    h: 215,//图片的高度
    isShow: true,//是否显示控制器
    isShowBtn: true,//是否显示左右按钮
    controltop: 5,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
    controlsW: 14,//控制按钮宽度
    controlsH: 2,//控制按钮高度
    radius: 0,//控制按钮圆角度数
    controlsColor: "#fff",//普通控制按钮的颜色
    controlsCurrentColor: "#ccc",//当前控制按钮的颜色
    isShowNum: false //是否显示数字
  });
  // 服装
  $(".fzn2 .pptbox").tyslide({
    boxh: 338,//盒子的高度
    w: 430,//盒子的宽度
    h: 338,//图片的高度
    isShow: true,//是否显示控制器
    isShowBtn: true,//是否显示左右按钮
    controltop: 5,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
    controlsW: 14,//控制按钮宽度
    controlsH: 2,//控制按钮高度
    radius: 0,//控制按钮圆角度数
    controlsColor: "#fff",//普通控制按钮的颜色
    controlsCurrentColor: "#ccc",//当前控制按钮的颜色
    isShowNum: false //是否显示数字
  });
  function my_silder(jq_obj){
   jq_obj.tyslide({
      boxh: 338,//盒子的高度
    w: 430,//盒子的宽度
    h: 338,//图片的高度
    isShow: true,//是否显示控制器
    isShowBtn: true,//是否显示左右按钮
    controltop: 5,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
    controlsW: 14,//控制按钮宽度
    controlsH: 2,//控制按钮高度
    radius: 0,//控制按钮圆角度数
    controlsColor: "#fff",//普通控制按钮的颜色
    controlsCurrentColor: "#ccc",//当前控制按钮的颜色
    isShowNum: false //是否显示数字
   });
  }
  my_silder($(".fzn2 .pptbox"))
  my_silder($(".yundong .pptbox"))

 // 电子书区域 tab栏目切换 
function my_tab_change(event_obj,box_obj,span_class_name,box_class_name){
event_obj.mouseenter(function(){
 $(this).addClass(span_class_name).siblings().removeClass(span_class_name);
  let index=$(this).index()
 box_obj.eq(index).addClass(box_class_name).siblings().removeClass(box_class_name)
         })
     }
  my_tab_change($("#z1 span"),$(".dzsn3"),"cf60","show")
 my_tab_change($(".fz2 span"),$(".fzn3_1"),"cf60","show")
 my_tab_change($("djjs li"),$(".bbtbox"),"cf60","show")
//电子书 手风琴:
$(".ebook_right>ul>li").mouseenter(function(){
    //鼠标移入 隐藏标题  显示盒子
    $(this).find("h3").addClass("title_hide")
    $(this).find("div").addClass("book_show")

    //其他li的 h3 删除 类名
    $(this).siblings().find("h3").removeClass("title_hide")
    //其他li的 div 删除类名
    $(this).siblings().find("div").removeClass("book_show")
})

    //  固定首行框
 $(window).scroll(function(){
     let sTop=$(this).scrollTop()
     if(sTop>500){
         $("#fixedHeader"). slideDown()
     }else{
        $("#fixedHeader"). slideUp()
     }
 })
 let bgcArr=["red","#f60","green","blue","pink"]
 $("#floorBox ul li").hover(function(){
     //这个函数做移入的
     $(this).css("width",80)
     let index=$(this).index()
     $(this).css("backgroundColor",bgcArr[index])
 },function(){
     //这个函数做移出的
     $(this).css("width",'')
     //$(this).css("background",'') ''表示用默认值
     $(this).css("background",'')
 })

 //点击滚动
 $("#floorBox ul li").click(function(){
     /*
         1.获取当前li 的索引 匹配指定楼层(如何匹配)
         
         2.设置滚动距离:
             找到对应的楼层 到 顶部的 距离:(如何获取这个距离)
             滚动到 距离就可以了
     */

     let index=$(this).index();

     //找楼层 主要是为了获取 楼层到 底部的距离(重点 获取位置)
     let sTop=$(".floor").eq(index).offset().top
     // 滚动到 sTop:如何到 哪里 照着下面抄
     $("html,body").animate({"scrollTop":sTop},1500)

 })
 
 $("#probox").tyslide({
    boxh: 470,//盒子的高度
    w: 1200,//盒子的宽度
    h: 390,//图片的高度
    isShow: true,//是否显示控制器
    isShowBtn: true,//是否显示左右按钮
    controltop: 0,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
    controlsW: 20,//控制按钮宽度
    controlsH: 20,//控制按钮高度
    radius: 10,//控制按钮圆角度数
    controlsColor: "#d7d7d7",//普通控制按钮的颜色
    controlsCurrentColor: "#ff6600",//当前控制按钮的颜色
    isShowNum: false //是否显示数字
});
  // 1.定义变量保存索引值
  let sum = 0;

  // 2.获取其中一个contentbox的高度
  let hei = parseInt($('.court .carouse .contentbox').eq(0).css('height'))
  console.log(hei);
  

    //3.注册换一批的点击事项
    $('.kong1 i').click(function(){
        // alert(2343)

        // 索引自增
        sum++

        if(sum>$('.court .carouse .contentbox').length-1){
            sum=0
        }

        // 获取当前索引对应的的移动距离
        let dis = -sum*hei+'px'
        console.log(dis);
        
        // 把dis设置到contentbox上
        $('.court .carouse').animate({top:dis},500)

    })

})